
/**
* index页面的大纲样式
*/

@import '../../css/theme.styl' 


//header模块
.index-header
    width:100%;
    .index-header-banner
        width: 100%
        height 120px
        position relative
        .link-block
            display: inline-block
            width: 100%
            height 100%
            background-image url("https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a2a9e6db5e3c5374301827435d8595c6.jpg?w=5120&h=240")
            background-position: 50%
            background-size: cover

//nav模块
.nav
    width: 100%;
    position: relative;

.index-menu
    .index-menu-banner
        position relative
        .index-menu-banner-swiper
            z-index: 98;
            width: 100%;
            height 460px;
            .index-banner-item
                width: 100%;
                height 460px;
            .swiper-wrapper
                .swiper-slide
                    width: 100%;
                    height 460px;
                    background-position: center;
                    background-size: cover;
            .swiper-button-prev
                left 234px !important;
                --swiper-navigation-size: 30px;
            .swiper-button-next
                right 0px !important;    
                --swiper-navigation-size: 30px;
            .swiper-button-white
                font-size: 12px;
                padding 15px 5px;
                color #aaa !important;
                &:hover
                    color #fff;
                    background #666
            .swiper-pagination
                width 200px;
                height 20px;
                bottom 20px;
                left auto !important;  /*覆盖swiper默认的left*/
                right 0px;
                .swiper-pagination-bullet
                    margin-right:10px;
                    width: 6px;
                    height: 6px;
                    border: 2px solid #fff;
                    border-color: hsla(0,0%,100%,.3);
                    border-radius: 10px;
                    overflow: hidden;
                    background: rgba(0,0,0,.4);
                    opacity: 1;
                    &:hover
                        background: hsla(0,0%,100%,.4);
                        border-color: rgba(0,0,0,.4);
                .swiper-pagination-bullet-active
                        background: hsla(0,0%,100%,.4);
                        border-color: rgba(0,0,0,.4);

//main模块
.index-main
    margin-top 30px;
    background $themegray
    .main-banner
        margin-top: 30px;
        width: 100%;
        height 120px;
    .main-box-top
        margin-top 20px;
        height 58px;
        line-height: 58px;
        color #424242
        .box-title
            font-size: 22px;
            font-weight: 200;
        .box-more
            font-size: 16px;
            cursor pointer
            &:hover
                color $themecolor
        .houseelection-top-tab
            position relative;
            span
                display inline-block;
                margin-left: 20px;
                line-height: 1.5;
                text-align center;
                cursor pointer  
      
/*产品img-item*/
.product-img-item
    width 230px;
    height 300px;
    cursor pointer
    margin-bottom: 13px;
/*产品item*/       
.product-item
    display:inline-block;
    width 230px;
    height 300px;
    background #fff;
    font-size: 16px;
    text-align: center;
    box-sizing: border-box;
    cursor pointer
    margin-bottom: 13px;
    .img-wrapper
        margin-top: 30px;
        width 100%;
        height 160px;
        img
            width 160px;
            height 160px;
    .item-title
        margin-top: 20px;
        font-size 14px;
    .item-desc
        margin-top: 10px;
        font-size 13px;
        color:#ccc;
    .item-price
        margin-top: 20px;
        span
            color $themecolor
        del
            color #b0b0b0;

                    
